<!--
 * @Description: 控制台
 * @Author: linpan(45650368@qq.com)
 * @Date: 2022-08-18 15:38:14
 * @LastEditors: linp linp@epsoft.com.cn
 * @LastEditTime: 2022-09-20 09:18:35
 * @WebSite: https://vusui.com
 * @Copyright: 2017-present The Vusui Authors
 * @Readme: 开源不易，且用且珍惜！
-->
<template>
  <div class="dashboard-demo">
    <h1 class="vus-h3 vus-pb-15">Vusui生态圈</h1>
    <div class="vus-box lr-10 tb-10">
      <div class="vus-flex-1 vus-flex-sm-2 vus-flex-md-4">
        <a
          class="dashboard-item vus-pa-15 vus-radius-4 vus-bs-10 vus-h-100"
          href="https://vusui.com/css"
          target="_blank"
        >
          <div class="vus-fs-20 vus-fw-600">CSS样式库</div>
          <div class="vus-color--info vus-pt-5">免除繁复的手写CSS样式</div>
        </a>
      </div>
      <div class="vus-flex-1 vus-flex-sm-2 vus-flex-md-4">
        <a
          class="dashboard-item vus-pa-15 vus-radius-4 vus-bs-10 vus-h-100"
          href="https://vusui.com/admin"
          target="_blank"
        >
          <div class="vus-fs-20 vus-fw-600">Admin后台模板</div>
          <div class="vus-color--info vus-pt-5">
            基于Vite3+Vue3+TS的后台模板
          </div>
        </a>
      </div>
      <div class="vus-flex-1 vus-flex-sm-2 vus-flex-md-4">
        <a
          class="dashboard-item vus-pa-15 vus-radius-4 vus-bs-10 vus-h-100"
          href="https://vusui.com/icon"
          target="_blank"
        >
          <div class="vus-fs-20 vus-fw-600">Icon图标库</div>
          <div class="vus-color--info vus-pt-5">
            500+个常用图标，省去找图标的烦恼
          </div>
        </a>
      </div>
      <div class="vus-flex-1 vus-flex-sm-2 vus-flex-md-4">
        <a
          class="dashboard-item vus-pa-15 vus-radius-4 vus-bs-10 vus-h-100"
          href="https://vusui.com/app"
          target="_blank"
        >
          <div class="vus-fs-20 vus-fw-600">App弹层组件</div>
          <div class="vus-color--info vus-pt-5">适用于uni-app、小程序</div>
        </a>
      </div>
      <div class="vus-flex-1 vus-flex-sm-2 vus-flex-md-4">
        <a
          class="dashboard-item vus-pa-15 vus-radius-4 vus-bs-10 vus-h-100"
          href="https://vusui.com/layer"
          target="_blank"
        >
          <div class="vus-fs-20 vus-fw-600">Web弹层组件</div>
          <div class="vus-color--info vus-pt-5">
            基于Vue2重构的Layer弹层组件
          </div>
        </a>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped></style>
